{% extends 'base.html'%}
{% block basecontent %}

{% load static %}
<link rel="stylesheet" href="{% static 'pages/css/homepage.css' %}" media="all">
    <script src="{% static 'layui-v2.5.7/layui/layui_exts/xm-select.js' %}"></script>
<script src="{% static 'pages/js/homepage.js' %}"></script>


<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-row layui-col-space15">
                {# 店铺信息#}
                <div class="layui-col-md3">
                    <div class="layui-card">
                        <div class="layui-card-header">信息直通车</div>
                        <div class="layui-card-body">
                            <div class="layui-carousel layadmin-carousel layadmin-backlog">
                                <div carousel-item>
                                    <ul class="layui-row layui-col-space10">
                                        <li class="layui-col-xs6" >
                                            <a lay-href="javascript:;" class="layadmin-backlog-body"  onclick="showinfo('total_claim_detail')">
                                                <h3>索赔总数(数量)</h3>
                                                <p><cite>{{ homeinfo.total_claim_cnt }}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs6">
                                            <a lay-href="javascript:;" class="layadmin-backlog-body" onclick="showinfo('claim_successful_detail')">
                                                <h3>索赔成功(数量)</h3>
                                                <p><cite>{{ homeinfo.claim_successful_cnt }}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs6">
                                            <a lay-href="javascript:;" class="layadmin-backlog-body" onclick="showinfo('claiming_detail')">
                                                <h3>索赔中(数量)</h3>
                                                <p><cite>{{ homeinfo.claiming_cnt }}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs6">
                                            <a lay-href="javascript:;" class="layadmin-backlog-body" onclick="showinfo('claim_failed_detail')">
                                                <h3>索赔失败(数量)</h3>
                                                <p><cite>{{ homeinfo.claim_failed_cnt }}</cite></p>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="layui-row layui-col-space10">
                                        <li class="layui-col-xs6">
                                            <a lay-href="javascript:;" class="layadmin-backlog-body" onclick="showinfo('total_store_detail')">
                                                <h3>店铺总数(数量)</h3>
                                                <p><cite>{{ homeinfo.total_store_cnt }}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs6">
                                            <a lay-href="javascript:;" class="layadmin-backlog-body" onclick="showinfo('authorized_store_detail')">
                                                <h3>已授权(数量)</h3>
                                                <p><cite>{{ homeinfo.authorized_store_cnt }}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs6">
                                            <a lay-href="javascript:;" class="layadmin-backlog-body" onclick="showinfo('unauthorized_store_detail')">
                                                <h3>未授权(数量)</h3>
                                                <p><cite>{{ homeinfo.unauthorized_store_cnt }}</cite></p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md9 layui-col-space15">
                    <div class="layui-col-md3 ">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                今日收入&nbsp;[CNY(元) ¥]
                                <span class="layui-badge layui-bg-blue layuiadmin-badge">日</span>
                            </div>
                            <div class="layui-card-body layuiadmin-card-list order_num">
                                <p class="layuiadmin-big-font">{{ homeinfo.daily_income }}
                                    <i class="layui-icon layui-icon-rmb" style="font-size: 20px; color: #1E9FFF;"></i>
                                </p>
                                <div class="income-chart day-income">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md3 ">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                本月收入&nbsp;[CNY(元) ¥]
                                <span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span>
                            </div>
                            <div class="layui-card-body layuiadmin-card-list order_num">
                                <p class="layuiadmin-big-font">{{ homeinfo.monthly_income }}
                                    <i class="layui-icon layui-icon-rmb" style="font-size: 20px; color: #1E9FFF;"></i>
                                </p>
                                <div class="income-chart month-income">

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md3 ">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                本年收入&nbsp;[CNY(元) ¥]
                                <span class="layui-badge layui-bg-green layuiadmin-badge">年</span>
                            </div>
                            <div class="layui-card-body layuiadmin-card-list order_num">

                                <p class="layuiadmin-big-font">{{ homeinfo.annual_income }}
                                    <i class="layui-icon layui-icon-rmb" style="font-size: 20px; color: #1E9FFF;"></i>
                                </p>
                                <div class="income-chart year-income">
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md3 ">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                总收入&nbsp;[CNY(元) ¥]
                                <span class="layui-badge layui-bg-orange layuiadmin-badge">总</span>
                            </div>
                            <div class="layui-card-body layuiadmin-card-list order_num">

                                <p class="layuiadmin-big-font">{{ homeinfo.total_income }}
                                    <i class="layui-icon layui-icon-rmb" style="font-size: 20px; color: #1E9FFF;"></i>
                                </p>
                                <div class="income-chart total-income">
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-row layui-col-space15">
                {# 店铺信息#}
                <div class="layui-col-md9">
                    <div class="layui-card ">
                        <div class="layui-card-header">
                             <div>
                                    <div id="select_site" class="toobar_item" ></div>
                                    <div id="select_type" class="toobar_item" ></div>
                                    <div  class="toobar_item" ><input id="store_name"  autocomplete="off" placeholder="店铺搜索" class="search_item"/></div>
                                    <div  class="toobar_item " ><input id="sku" autocomplete="off" placeholder="SKU搜索" class="search_item"/></div>
{#                                            <div  class="toobar_item " ><input placeholder="  店铺搜索" class="search_item"/></div>#}
                                <div class="toobar_item"><button type="button" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal" onclick="search()" >开始查询</button></div>

                             </div>
                        </div>
                        <div class="layui-card-body table-box">
                            <div class="layui-row layui-col-space10  table-content">
                                <table id="store_table" lay-filter="store_table" ></table>
                                <script type="text/html" id="toolbar1">
                                    <div class="table_toolbar">
{#                                            <div id="select_site" class="toobar_item" lay-event="select_site"></div>#}
{#                                            <div  class="toobar_item" ><input id="store_name" placeholder="店铺搜索" class="search_item"/></div>#}
{#                                            <div  class="toobar_item " ><input id="sku" placeholder="SKU搜索" class="search_item"/></div>#}
{#                                            <div  class="toobar_item " ><input placeholder="  店铺搜索" class="search_item"/></div>#}
                                        <div class="toobar_item"><button type="button" id="search_btn" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal" lay-event="search" >开始查询</button></div>
                                    </div>
                                </script>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3 layui-col-space15">
                    <div class="layui-card">
                        <div class="layui-card-header">主要索赔类目&nbsp;[数量及占比]</div>
                        <div class="layui-card-body layadmin-takerates">
                            <div class="category">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <input type="hidden" id="daily_income_summary" value="{{ homeinfo.daily_income_summary }}"/>
    <input type="hidden" id="monthly_income_summary" value="{{ homeinfo.monthly_income_summary }}"/>
    <input type="hidden" id="annual_income_summary" value="{{ homeinfo.annual_income_summary }}"/>
    <input type="hidden" id="total_income_summary" value="{{ homeinfo.total_income_summary }}"/>
    <input type="hidden" id="categories_cnt" value="{{ homeinfo.categories_cnt }}"/>
</div>

{#<script  src="{% static '/echarts/echarts.min.js' %}"></script>#}
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
<script  src="{% static '/pages/js/rendercharts.js' %}"></script>

{% endblock basecontent %}